﻿<%@ Control Language="C#" AutoEventWireup="true" CodeFile="SideBar.ascx.cs" Inherits="SideBar" %>
<div class="page-sidebar-wrapper">
                    <!-- DOC: Set data-auto-scroll="false" to disable the sidebar from auto scrolling/focusing -->
                    <!-- DOC: Change data-auto-speed="200" to adjust the sub menu slide up/down speed -->
                    <div class="page-sidebar navbar-collapse collapse">
                        <!-- BEGIN SIDEBAR MENU -->
                        <!-- DOC: Apply "page-sidebar-menu-light" class right after "page-sidebar-menu" to enable light sidebar menu style(without borders) -->
                        <!-- DOC: Apply "page-sidebar-menu-hover-submenu" class right after "page-sidebar-menu" to enable hoverable(hover vs accordion) sub menu mode -->
                        <!-- DOC: Apply "page-sidebar-menu-closed" class right after "page-sidebar-menu" to collapse("page-sidebar-closed" class must be applied to the body element) the sidebar sub menu mode -->
                        <!-- DOC: Set data-auto-scroll="false" to disable the sidebar from auto scrolling/focusing -->
                        <!-- DOC: Set data-keep-expand="true" to keep the submenues expanded -->
                        <!-- DOC: Set data-auto-speed="200" to adjust the sub menu slide up/down speed -->
                        <ul class="page-sidebar-menu page-sidebar-menu-hover-submenu " data-keep-expanded="false" data-auto-scroll="true" data-slide-speed="200">
                            <li class="start">
                                <a href="index.html">
                                    <i class="icon-home"></i>
                                    <span class="title">Dashboard</span>
                                    <span class="selected"></span>
                                </a>
                            </li>
                            <li class="active open">
                                <a href="javascript:;">
                                    <i class="icon-users"></i>
                                    <span class="title">Pacientes</span>
                                    <span class="selected"></span>
                                    <span class="arrow "></span>
                                </a>
                                <ul class="sub-menu">
                                    <li>
                                        <a href="ecommerce_index.html">
                                            <i class="icon-users"></i>
                                            Listado</a>
                                    </li>
                                    <li>
                                        <a href="ecommerce_orders.html">
                                            <i class="icon-user-follow"></i>
                                            Agregar nuevo</a>
                                    </li>
                                </ul>
                            </li>
                            <li>
                                <a href="javascript:;">
                                    <i class="icon-notebook "></i>
                                    <span class="title">Consultas</span>
                                    <span class="selected"></span>
                                    <span class="arrow "></span>
                                </a>
                                <ul class="sub-menu">
                                    <li>
                                        <a href="ecommerce_index.html">
                                            <i class="icon-list"></i>
                                            Listado</a>
                                    </li>
                                    <li>
                                        <a href="ecommerce_orders.html">
                                            <i class="icon-calendar"></i>
                                            Calendario</a>
                                    </li>
                                </ul>
                            </li>
                            <li class="">
                                <a href="javascript:;">
                                    <i class="icon-diamond"></i>
                                    <span class="title">UI Features</span>
                                    <span class="selected"></span>
                                    <span class="arrow open"></span>
                                </a>
                                <ul class="sub-menu">
                                    <li>
                                        <a href="ui_general.html">
                                            General Components</a>
                                    </li>
                                    <li>
                                        <a href="ui_buttons.html">
                                            Buttons</a>
                                    </li>
                                    <li>
                                        <a href="ui_confirmations.html">
                                            Popover Confirmations</a>
                                    </li>
                                    <li>
                                        <a href="ui_icons.html">
                                            <span class="badge badge-roundless badge-danger">new</span>Font Icons</a>
                                    </li>
                                    <li>
                                        <a href="ui_colors.html">
                                            Flat UI Colors</a>
                                    </li>
                                    <li>
                                        <a href="ui_typography.html">
                                            Typography</a>
                                    </li>
                                    <li>
                                        <a href="ui_tabs_accordions_navs.html">
                                            Tabs, Accordions & Navs</a>
                                    </li>
                                    <li class="active">
                                        <a href="ui_tree.html">
                                            <span class="badge badge-roundless badge-danger">new</span>Tree View</a>
                                    </li>
                                    <li>
                                        <a href="ui_page_progress_style_1.html">
                                            <span class="badge badge-roundless badge-warning">new</span>Page Progress Bar</a>
                                    </li>
                                    <li>
                                        <a href="ui_blockui.html">
                                            Block UI</a>
                                    </li>
                                    <li>
                                        <a href="ui_notific8.html">
                                            Notific8 Notifications</a>
                                    </li>
                                    <li>
                                        <a href="ui_toastr.html">
                                            Toastr Notifications</a>
                                    </li>
                                    <li>
                                        <a href="ui_alert_dialog_api.html">
                                            <span class="badge badge-roundless badge-danger">new</span>Alerts & Dialogs API</a>
                                    </li>
                                    <li>
                                        <a href="ui_session_timeout.html">
                                            Session Timeout</a>
                                    </li>
                                    <li>
                                        <a href="ui_idle_timeout.html">
                                            User Idle Timeout</a>
                                    </li>
                                    <li>
                                        <a href="ui_modals.html">
                                            Modals</a>
                                    </li>
                                    <li>
                                        <a href="ui_extended_modals.html">
                                            Extended Modals</a>
                                    </li>
                                    <li>
                                        <a href="ui_tiles.html">
                                            Tiles</a>
                                    </li>
                                    <li>
                                        <a href="ui_datepaginator.html">
                                            <span class="badge badge-roundless badge-success">new</span>Date Paginator</a>
                                    </li>
                                    <li>
                                        <a href="ui_nestable.html">
                                            Nestable List</a>
                                    </li>
                                </ul>
                            </li>
                            <li>
                                <a href="javascript:;">
                                    <i class="icon-puzzle"></i>
                                    <span class="title">UI Components</span>
                                    <span class="arrow "></span>
                                </a>
                                <ul class="sub-menu">
                                    <li>
                                        <a href="components_pickers.html">
                                            Pickers</a>
                                    </li>
                                    <li>
                                        <a href="components_dropdowns.html">
                                            Custom Dropdowns</a>
                                    </li>
                                    <li>
                                        <a href="components_form_tools.html">
                                            Form Tools</a>
                                    </li>
                                    <li>
                                        <a href="components_editors.html">
                                            Markdown & WYSIWYG Editors</a>
                                    </li>
                                    <li>
                                        <a href="components_ion_sliders.html">
                                            Ion Range Sliders</a>
                                    </li>
                                    <li>
                                        <a href="components_noui_sliders.html">
                                            NoUI Range Sliders</a>
                                    </li>
                                    <li>
                                        <a href="components_jqueryui_sliders.html">
                                            jQuery UI Sliders</a>
                                    </li>
                                    <li>
                                        <a href="components_knob_dials.html">
                                            Knob Circle Dials</a>
                                    </li>
                                </ul>
                            </li>
                            <!-- BEGIN ANGULARJS LINK -->
                            <li class="tooltips" data-container="body" data-placement="right" data-html="true" data-original-title="AngularJS version demo">
                                <a href="angularjs" target="_blank">
                                    <i class="icon-paper-plane"></i>
                                    <span class="title">
                                        AngularJS Version </span>
                                </a>
                            </li>
                            <!-- END ANGULARJS LINK -->
                            <li>
                                <a href="javascript:;">
                                    <i class="icon-settings"></i>
                                    <span class="title">Form Stuff</span>
                                    <span class="arrow "></span>
                                </a>
                                <ul class="sub-menu">
                                    <li>
                                        <a href="form_controls.html">
                                            Form Controls</a>
                                    </li>
                                    <li>
                                        <a href="form_icheck.html">
                                            iCheck Controls</a>
                                    </li>
                                    <li>
                                        <a href="form_layouts.html">
                                            Form Layouts</a>
                                    </li>
                                    <li>
                                        <a href="form_editable.html">
                                            <span class="badge badge-roundless badge-warning">new</span>Form X-editable</a>
                                    </li>
                                    <li>
                                        <a href="form_wizard.html">
                                            Form Wizard</a>
                                    </li>
                                    <li>
                                        <a href="form_validation.html">
                                            Form Validation</a>
                                    </li>
                                    <li>
                                        <a href="form_image_crop.html">
                                            <span class="badge badge-roundless badge-danger">new</span>Image Cropping</a>
                                    </li>
                                    <li>
                                        <a href="form_fileupload.html">
                                            Multiple File Upload</a>
                                    </li>
                                    <li>
                                        <a href="form_dropzone.html">
                                            Dropzone File Upload</a>
                                    </li>
                                </ul>
                            </li>
                            <li>
                                <a href="javascript:;">
                                    <i class="icon-briefcase"></i>
                                    <span class="title">Data Tables</span>
                                    <span class="arrow "></span>
                                </a>
                                <ul class="sub-menu">
                                    <li>
                                        <a href="table_basic.html">
                                            Basic Datatables</a>
                                    </li>
                                    <li>
                                        <a href="table_responsive.html">
                                            Responsive Datatables</a>
                                    </li>
                                    <li>
                                        <a href="table_managed.html">
                                            Managed Datatables</a>
                                    </li>
                                    <li>
                                        <a href="table_editable.html">
                                            Editable Datatables</a>
                                    </li>
                                    <li>
                                        <a href="table_advanced.html">
                                            Advanced Datatables</a>
                                    </li>
                                    <li>
                                        <a href="table_ajax.html">
                                            Ajax Datatables</a>
                                    </li>
                                </ul>
                            </li>
                            <li>
                                <a href="javascript:;">
                                    <i class="icon-wallet"></i>
                                    <span class="title">Portlets</span>
                                    <span class="arrow "></span>
                                </a>
                                <ul class="sub-menu">
                                    <li>
                                        <a href="portlet_general.html">
                                            General Portlets</a>
                                    </li>
                                    <li>
                                        <a href="portlet_general2.html">
                                            <span class="badge badge-roundless badge-danger">new</span>New Portlets #1</a>
                                    </li>
                                    <li>
                                        <a href="portlet_general3.html">
                                            <span class="badge badge-roundless badge-danger">new</span>New Portlets #2</a>
                                    </li>
                                    <li>
                                        <a href="portlet_ajax.html">
                                            Ajax Portlets</a>
                                    </li>
                                    <li>
                                        <a href="portlet_draggable.html">
                                            Draggable Portlets</a>
                                    </li>
                                </ul>
                            </li>
                            <li>
                                <a href="javascript:;">
                                    <i class="icon-bar-chart"></i>
                                    <span class="title">Charts</span>
                                    <span class="arrow "></span>
                                </a>
                                <ul class="sub-menu">
                                    <li>
                                        <a href="charts_amcharts.html">
                                            Amchart</a>
                                    </li>
                                    <li>
                                        <a href="charts_flotcharts.html">
                                            Flotchart</a>
                                    </li>
                                </ul>
                            </li>
                            <li>
                                <a href="javascript:;">
                                    <i class="icon-docs"></i>
                                    <span class="title">Pages</span>
                                    <span class="arrow "></span>
                                </a>
                                <ul class="sub-menu">
                                    <li>
                                        <a href="page_timeline.html">
                                            <i class="icon-paper-plane"></i>
                                            <span class="badge badge-warning">2</span>
                                            New Timeline
                                        </a>
                                    </li>
                                    <li>
                                        <a href="page_todo.html">
                                            <i class="icon-hourglass"></i>
                                            <span class="badge badge-danger">4</span>Todo</a>
                                    </li>
                                    <li>
                                        <a href="extra_profile.html">
                                            <i class="icon-user-following"></i>
                                            <span class="badge badge-success badge-roundless">new</span>New User Profile</a>
                                    </li>
                                    <li>
                                        <a href="inbox.html">
                                            <i class="icon-envelope"></i>
                                            <span class="badge badge-danger">4</span>Inbox</a>
                                    </li>
                                    <li>
                                        <a href="extra_profile_old.html">
                                            <i class="icon-user-following"></i>
                                            Old User Profile</a>
                                    </li>
                                    <li>
                                        <a href="extra_faq.html">
                                            <i class="icon-info"></i>
                                            FAQ</a>
                                    </li>
                                    <li>
                                        <a href="page_portfolio.html">
                                            <i class="icon-feed"></i>
                                            Portfolio</a>
                                    </li>
                                    <li>
                                        <a href="page_timeline_old.html">
                                            <i class="icon-clock"></i>
                                            <span class="badge badge-info">4</span>Old Timeline</a>
                                    </li>
                                    <li>
                                        <a href="page_coming_soon.html">
                                            <i class="icon-flag"></i>
                                            Coming Soon</a>
                                    </li>
                                    <li>
                                        <a href="page_calendar.html">
                                            <i class="icon-calendar"></i>
                                            <span class="badge badge-danger">14</span>Calendar</a>
                                    </li>
                                    <li>
                                        <a href="extra_invoice.html">
                                            <i class="icon-flag"></i>
                                            Invoice</a>
                                    </li>
                                    <li>
                                        <a href="page_blog.html">
                                            <i class="icon-speech"></i>
                                            Blog</a>
                                    </li>
                                    <li>
                                        <a href="page_blog_item.html">
                                            <i class="icon-link"></i>
                                            Blog Post</a>
                                    </li>
                                    <li>
                                        <a href="page_news.html">
                                            <i class="icon-eye"></i>
                                            <span class="badge badge-success">9</span>News</a>
                                    </li>
                                    <li>
                                        <a href="page_news_item.html">
                                            <i class="icon-bell"></i>
                                            News View</a>
                                    </li>
                                </ul>
                            </li>
                            <li>
                                <a href="javascript:;">
                                    <i class="icon-present"></i>
                                    <span class="title">Extra</span>
                                    <span class="arrow "></span>
                                </a>
                                <ul class="sub-menu">
                                    <li>
                                        <a href="page_about.html">
                                            About Us</a>
                                    </li>
                                    <li>
                                        <a href="page_contact.html">
                                            Contact Us</a>
                                    </li>
                                    <li>
                                        <a href="extra_search.html">
                                            Search Results</a>
                                    </li>
                                    <li>
                                        <a href="extra_pricing_table.html">
                                            Pricing Tables</a>
                                    </li>
                                    <li>
                                        <a href="extra_404_option1.html">
                                            404 Page Option 1</a>
                                    </li>
                                    <li>
                                        <a href="extra_404_option2.html">
                                            404 Page Option 2</a>
                                    </li>
                                    <li>
                                        <a href="extra_404_option3.html">
                                            404 Page Option 3</a>
                                    </li>
                                    <li>
                                        <a href="extra_500_option1.html">
                                            500 Page Option 1</a>
                                    </li>
                                    <li>
                                        <a href="extra_500_option2.html">
                                            500 Page Option 2</a>
                                    </li>
                                </ul>
                            </li>
                            <li>
                                <a href="javascript:;">
                                    <i class="icon-folder"></i>
                                    <span class="title">Multi Level Menu</span>
                                    <span class="arrow "></span>
                                </a>
                                <ul class="sub-menu">
                                    <li>
                                        <a href="javascript:;">
                                            <i class="icon-settings"></i> Item 1 <span class="arrow"></span>
                                        </a>
                                        <ul class="sub-menu">
                                            <li>
                                                <a href="javascript:;">
                                                    <i class="icon-user"></i>
                                                    Sample Link 1 <span class="arrow"></span>
                                                </a>
                                                <ul class="sub-menu">
                                                    <li>
                                                        <a href="#"><i class="icon-power"></i> Sample Link 1</a>
                                                    </li>
                                                    <li>
                                                        <a href="#"><i class="icon-paper-plane"></i> Sample Link 1</a>
                                                    </li>
                                                    <li>
                                                        <a href="#"><i class="icon-star"></i> Sample Link 1</a>
                                                    </li>
                                                </ul>
                                            </li>
                                            <li>
                                                <a href="#"><i class="icon-camera"></i> Sample Link 1</a>
                                            </li>
                                            <li>
                                                <a href="#"><i class="icon-link"></i> Sample Link 2</a>
                                            </li>
                                            <li>
                                                <a href="#"><i class="icon-pointer"></i> Sample Link 3</a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li>
                                        <a href="javascript:;">
                                            <i class="icon-globe"></i> Item 2 <span class="arrow"></span>
                                        </a>
                                        <ul class="sub-menu">
                                            <li>
                                                <a href="#"><i class="icon-tag"></i> Sample Link 1</a>
                                            </li>
                                            <li>
                                                <a href="#"><i class="icon-pencil"></i> Sample Link 1</a>
                                            </li>
                                            <li>
                                                <a href="#"><i class="icon-graph"></i> Sample Link 1</a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <i class="icon-bar-chart"></i>
                                            Item 3 </a>
                                    </li>
                                </ul>
                            </li>
                            <li>
                                <a href="javascript:;">
                                    <i class="icon-user"></i>
                                    <span class="title">Login Options</span>
                                    <span class="arrow "></span>
                                </a>
                                <ul class="sub-menu">
                                    <li>
                                        <a href="login.html">
                                            Login Form 1</a>
                                    </li>
                                    <li>
                                        <a href="login_2.html">
                                            Login Form 2</a>
                                    </li>
                                    <li>
                                        <a href="login_3.html">
                                            Login Form 3</a>
                                    </li>
                                    <li>
                                        <a href="login_soft.html">
                                            Login Form 4</a>
                                    </li>
                                    <li>
                                        <a href="extra_lock.html">
                                            Lock Screen 1</a>
                                    </li>
                                    <li>
                                        <a href="extra_lock2.html">
                                            Lock Screen 2</a>
                                    </li>
                                </ul>
                            </li>
                            <li>
                                <a href="javascript:;">
                                    <i class="icon-envelope-open"></i>
                                    <span class="title">Email Templates</span>
                                    <span class="arrow "></span>
                                </a>
                                <ul class="sub-menu">
                                    <li>
                                        <a href="email_newsletter.html">
                                            Responsive Newsletter<br>
                                            Email Template</a>
                                    </li>
                                    <li>
                                        <a href="email_system.html">
                                            Responsive System<br>
                                            Email Template</a>
                                    </li>
                                </ul>
                            </li>
                            <li class="last ">
                                <a href="javascript:;">
                                    <i class="icon-pointer"></i>
                                    <span class="title">Maps</span>
                                    <span class="arrow "></span>
                                </a>
                                <ul class="sub-menu">
                                    <li>
                                        <a href="maps_google.html">
                                            Google Maps</a>
                                    </li>
                                    <li>
                                        <a href="maps_vector.html">
                                            Vector Maps</a>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                        <!-- END SIDEBAR MENU -->
                    </div>
                </div>